<p>source-manager works!</p>

<nz-card class="nz-card-by"  [nzBordered]="false" [nzTitle]="'the job of mysql->hdfs'" [nzLoading]="false">


<form nz-form  class="login-form">
  <nz-form-item>
      <nz-input-group>
        <input  class ="form-item" name="sorceIp"  type="text" nz-input [(ngModel)]="jobinfo.sorceIp"  placeholder="sorceIp" />
      </nz-input-group>
  
  </nz-form-item>

  <nz-form-item>
    
      <nz-input-group>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired >Mysql Port</nz-form-label>
        <nz-input-number class ="form-item"  name="sorcePort"  
         [nzMin]="0" [nzMax]="55000" [nzStep]="1" [(ngModel)]="jobinfo.sorcePort" placeholder="sorcePort"></nz-input-number>
      </nz-input-group>
  </nz-form-item>

  <nz-form-item>
  
      <nz-input-group>
        <input type="text" class ="form-item" name="destUrl"
         nz-input   [(ngModel)]="jobinfo.destUrl"  placeholder="destUrl" />
      </nz-input-group>
   
  </nz-form-item>
  <nz-form-item>

    
      <nz-input-group>
        <input type="text" class ="form-item" name="saveUrl" 
        nz-input [(ngModel)]="jobinfo.saveUrl" placeholder="saveUrl" />
      </nz-input-group>
   
  </nz-form-item>

  <nz-form-item>
      <nz-input-group>
        <input type="text" class ="form-item" name="sorceUserName"  
        nz-input [(ngModel)]="jobinfo.sorceUserName" placeholder="sorceUserName" />
      </nz-input-group>
  </nz-form-item>

  <nz-form-item>
      <nz-input-group>
        <input type="text" class ="form-item" nz-input name="sorceUserPwd"
         [(ngModel)]="jobinfo.sorceUserPwd" placeholder="sorceUserPwd" />
      </nz-input-group>

  </nz-form-item>

  <nz-form-item>
      <nz-input-group>
        <input type="text" class ="form-item" nz-input nz-input name="sorceBase"
         [(ngModel)]="jobinfo.sorceBase" placeholder="sorceBase" />
      </nz-input-group>
  </nz-form-item>

  <nz-form-item>
      <nz-input-group>
        <input type="text" class ="form-item" name="sourceTable"
        nz-input [(ngModel)]="jobinfo.sourceTable" placeholder="sourceTable" />
      </nz-input-group>
  </nz-form-item>


  <button nz-button nzType="dashed" class="login-form-button login-form-margin" (click)="submitForm()">
    <i nz-icon nzType="download"></i>SubMit A Job
    <br>
    mysql -> hdfs
  </button>

</form> 

</nz-card>



<button nz-button [nzType]="'primary'" (click)="showModal()"><span>Show Modal</span></button>
<nz-modal [(nzVisible)]="isVisible" nzTitle="The first Modal" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
  <ng-container *nzModalContent>
    <p>Content one</p>
    <p>Content two</p>
    <p>Content three</p>
    <flink-jdbc></flink-jdbc>
  </ng-container>
</nz-modal>